import { defineComponent } from 'vue';
import { ConfigProvider, Layout } from 'ant-design-vue';
import Container from './Container';
import Header from './Header';
import Sider from './Slider';

export default defineComponent({
  setup() {
    return () => (
      <Layout class='h-screen'>
        <Header></Header>
        <ConfigProvider
          theme={{
            // token: {
            //   colorBgBase: 'transparent',
            // },
            components: {
              Layout: {
                // colorBgHeader: '#3883FA',
                // colorBgHeader:
                //   'linear-gradient(180deg, #242e3f 0%, #232532 100%)',
                colorBgHeader: 'transparent',
              },
            },
          }}
        >
          <Layout hasSider class='relative'>
            <Sider />
            <Container />
          </Layout>
        </ConfigProvider>
      </Layout>
    );
  },
});
